<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>chahua</title>

  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
  <link href="css/style.css" rel="stylesheet">
  
</head>

<body>
<div th:insert="~{navgation :: copy}"></div>

  <div class="jumbotron">
    <h2>插花三大原则</h2>
  </div>

  <div class="our-services">
    <div class="container">
      <div class="row">
        <div class="col-md-6" style="width:100%;">
          <div class="wow bounceIn" data-wow-offset="0" data-wow-delay="0.4s">
            <div class="services">
              <div class="icons">
                  <img src="img/flower/8.jpg" alt="" style="width:180px; border-radius:50% 50% 50% 50%;">
              </div>
              <h4><strong><br>境物和谐</strong></h4>
              <p>
                即要求插花作品与环境条件相和谐。插花作品多是放在室内，因此室内光线、 <br>家具形色、背景色调、空间大小、欣赏对象、 <br>插花用途等都要与插花本身的色彩、构图等相协调。
                <br>
                平时作为摆设欣赏之用的插花可以插得新颖些，以富有艺术创新的作品为佳。
              </p>
            </div>
          </div>
          <hr>
        </div>
        <div class="col-md-6" style="width:100%;">
          <div class="wow bounceIn" data-wow-offset="0" data-wow-delay="0.4s">
            <div class="services">
              <div class="icons">
               <img src="img/flower/7.jpg" alt="" style="width:180px; border-radius:50% 50% 50% 50%;">
              </div>
              <h4><strong><br>色彩协调</strong></h4>
              <p>
                即要求插花所用的花材间色彩协调。既要有鲜明的反差，又要有和谐的统一。 <br>插花的色彩搭配有各种方式，有的以一种为主色， <br>其他的为辅色，起点缀和加强主色的作用。 
              <br>
              插花材料色彩间的配合应根据插花的形式而定。东方式插花色彩整体效果以"雅"为佳，西方式插花则以"繁"为佳。
              </p>
            </div>
          </div>
          <hr>
        </div>
        <div class="col-md-6" style="width:100%;">
          <div class="wow bounceIn" data-wow-offset="0" data-wow-delay="0.4s">
            <div class="services">
              <div class="icons">
               <img src="img/flower/9.jpg" alt="" style="width:180px; border-radius:50% 50% 50% 50%;">
              </div>
              <h4><strong><br>构图完善</strong></h4>
              <p>
                  构图很大程度上决定着插花的成败。尤其是东方式插花更要注意枝条、叶片的布置。 <br>既要做到重心稳重，又要有险枝突出，有节奏感。 <br>西方式插花构图讲究均衡，重心稳重，以四面皆可观赏为佳。
                  <br>
                  插花构图常见的有垂直形、四角形、散开形、L字形、椭圆形、水平形、零星形、三角形、眉目形、环状形等。
              </p>
            </div>
          </div>
          <hr>
        </div>
      </div>
    </div>
  </div>

  <div class="jumbotron">
    <h1>Flower is like your <span>Wishful</span> !</h1>
    <p>花如你所意</p>
    <p></p>
  </div>

  <footer>
    <div class="inner-footer">
      <div class="container">
        <div class="row"></div>
      </div>
    </div>

    <div class="last-div">
      <div class="container">
        <div class="row">
          <div class="copyright">
            <div class="credits">
            <!--
                All the links in the footer should remain intact.
                You can delete the links only if you purchased the pro version.
                Licensing information: https://bootstrapmade.com/license/
                Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Dewi
              --></div>
          </div>
          <nav class="foot-nav">
            <ul>
          <li><a href="#">首页</a></li>
              <li><a href="#">插花</a></li>
              <li><a href="#">花意</a></li>
              <li><a href="#">花类</a></li>
            </ul>
          </nav>
          <div class="clear"></div>
        </div>
      </div>
      <a href="" class="scrollup"><i class="fa fa-chevron-up"></i></a>
    </div>
  </footer>


  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="js/jquery-2.1.1.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="js/bootstrap.min.js"></script>
  <script src="js/wow.min.js"></script>
  <script src="js/fancybox/jquery.fancybox.pack.js"></script>
  <script src="js/jquery.bxslider.min.js"></script>
  <script src="js/functions.js"></script>
  <script>
    wow = new WOW({}).init();
  </script>

</body>

</html>
